@extends('pc.v3.layouts.app')
@push('styles')
  <link rel="stylesheet" href="{{web_static('pc/v3/css/welcome.min.css',true)}}"/>
@endpush
@section('content')
  <div class="wrap h460">
    @if(is_array($homeBanner))
      <div class="slide">
        <div class="slide-operate"><a class="slide-prev"><i class="icon icon-arrow-left"></i></a><a class="slide-next"><i class="icon icon-arrow-right"></i></a></div>
        <ul class="slide-hint">
          @foreach($homeBanner as $banner)
            @if($loop->index === 0)
              <li class="hint active"></li>
            @else
              <li class="hint"></li>
            @endif
          @endforeach
        </ul>
        <div class="slide-content">
          @foreach($homeBanner as $banner)
            @php $resource = Common\Standard\Object\stdResource::instance($banner); @endphp
            <div class="slide-panel">
              <div class="main-panel"><a href="{{$resource->pc_city_url_convert($city, $resource->getLinkUrl())}}" onclick="{!!\Common\Statistics\Baidu\TrackEvent\HomeBanner::pcEvent($resource)!!}">
                  <div style="background:url({{$resource->getImageUrl()}}@1920w_460h.jpg) no-repeat center center" class="hidden"></div></a></div>
            </div>
          @endforeach
        </div>
      </div>
    @endif
  </div>
  <div class="w100 welcome-search">
    @php $hotWords = with(new \Common\Java\Cms\HotWords())->pcHotWords($city->telephone_code);@endphp
    <div class="search-box">
      <div class="search-box-input">
        <input type="text" placeholder="输入区域、小区名" maxlength="32" value="{{str_limit(request('q'),64,'')}}" class="textinput placeholder"/><a class="search-box-btn">马上找房</a><a href="{{seo_url(\Common\Define\Route\WebRoute::MAP)}}" class="icon icon-city"></a>
      </div>
      <div class="hot-list">
        @if(is_object($hotWords) && isset($hotWords->rows) &&is_array($hotWords->rows))
          @foreach ($hotWords->rows as $item)<a href="{{$item->link_url}}" class="hot-list-item">{{$item->hot_word}}</a>
          @endforeach
        @endif
      </div>
      <div class="search-list">
        <ul class="search-item-content">
          {{-- li --}}
          {{-- .seach-item-left 康乐新村 --}}
          {{-- .seach-item-right 西湖区（8套） --}}
        </ul>
      </div>
      <div class="search-list-hot">
        <p>热门搜索</p>
        <ul>
          @if(is_object($hotWords) && isset($hotWords->rows) &&is_array($hotWords->rows))
            @foreach ($hotWords->rows as $item)
              <li><a href="{{$item->link_url}}" class="hot-list-item">{{$item->hot_word}}</a></li>
            @endforeach
          @endif
        </ul>
      </div>
    </div>
    <!-- include ./control/hot-keyword -->
  </div>
  <div class="container mb70 clearfix">
    <div class="house-panel">
      <div class="house-header clearfix">
        <div class="person-title">
          <h2>推荐房源</h2>
          <p>精选优质房源，经过严格审核，实拍房源照片，居住安全可靠</p>
        </div><a href="{{seo_url(\Common\Define\Route\WebRoute::ZUFANG)}}" class="more"><span>查看更多</span></a>
      </div>
      <div class="person-content">
        <ul>
          @if(is_array($homeRecommendedHouse))
            @foreach($homeRecommendedHouse as $item)
              @php $item = Common\Standard\Object\stdHouse::instance($item); @endphp
                <li class="refer-item @if($loop->index == 3) mr0 @endif"><a href="{{$item->url()}}" title="{{$item->districtName}}{{$item->bizCircleName}}{{$item->premName}} {{$item->getHouseRoomHallToilet(false)}} 精装修公寓房">
                    <div class="refer-img"><img src="{{$item->image('@360w_270h_1c_1e')}}" alt="{{$city->name}}{{$item->districtName}}{{$item->bizCircleName}}{{$item->premName}}公寓出租租房"/></div>
                    <div class="refer-info">
                      <p class="house-price"><span>{{$item->currentPrice()}}元/月</span><i class="house-name">{{$item->premName}}</i></p>
                      <p class="refer-tag">{{$item->getHouseSize()}} | {{$item->getHouseFloor()}} | {{$item->getHouseRoomHallToilet()}} |  @if($item->isShareHouse()) {{$item->getHouseDirection('朝')}} | @endif {{$item->getFitmentTypeName()}}</p>
                      @if($item->isSpecialOfferHouse())<i class="low-price"></i>
                      @endif
                    </div></a></li>
              {{-- 最多允许3条房源数据 --}}
              @if($loop->index >= 3) @break @endif
            @endforeach
          @endif
        </ul>
      </div>
    </div>
  </div>
  <div id="own-boxcon-clue" onclick="ares_push('hp_yezhu','/','click');">
    <div class="own-box">
      <div class="box-clue-tite">
        <div class="title"><span>【 委托流程 】发起委托</span><i class="icon icon-arrow"></i><span>实勘估价</span><i class="icon icon-arrow"></i><span>完成签约</span><i class="icon icon-arrow"></i><span>设计改造</span><i class="icon icon-arrow"></i><span>坐享收益</span></div>
        <p>" 业主房源委托 " 做个省心省力，省时省事的安心房东</p>
      </div>
      <div class="box-clue-own"><a id="own-box-clue" onclick="ares_push('hp_yezhu','/','click');">立即委托</a></div>
    </div>
  </div>
  <div class="container">
    <div class="house-panel">
      <div class="house-header clearfix">
        <h2 class="house-title">品牌公寓</h2>
        <div class="tabs-triggers"><a onclick="ares_push('hp_brand_ouyu','/','click');" class="tabs-trigger active">偶寓</a><a onclick="ares_push('hp_brand_suiyu','/','click');" class="tabs-trigger">随寓</a><a onclick="ares_push('hp_brand_jiyu','/','click');" class="tabs-trigger">集寓</a></div>
      </div>
      <div class="house-content">
        <div class="tabs-content clearfix"><a href="{{seo_url(\Common\Define\Route\WebRoute::ZUFANG ."/fs2")}}" class="house-name-more">查看更多</a>
          <ul>
            <li class="refer-item refer-house">
              <div class="name">偶<span>寓</span></div>
              <h3>有故事的合租公寓</h3>
              <p>偶寓，是爱上租为广大青年租客设计推出的精装合租公寓，富有个性的装修风格，数次产品迭代升级，为租客用心打造温馨，舒适的居住环境。</p>
            </li>
            <li class="refer-content">
              <div class="refer-content-img content-ouyu">
                <ul class="swiper">
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/ouyu_1.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/ouyu_2.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/ouyu_3.png')}}"/></a></li>
                </ul>
                <ul class="swiper-orientation">
                  <li class="ori-left"><i class="icon-prev icon"></i></li>
                  <li class="ori-right"><i class="icon-next icon"></i></li>
                </ul>
                <ul class="swiper-hint">
                  <li class="hint1 active"></li>
                  <li class="hint2"></li>
                  <li class="hint3"></li>
                </ul>
              </div>
            </li>
            <li class="refer-item mr0">
              @if(isset($homeBrandApartment['ouyu']) && is_object($homeBrandApartment['ouyu']))
                @php $house = Common\Standard\Object\stdHouse::instance($homeBrandApartment['ouyu']); @endphp<a href="{{$house->url()}}" title="{{$house->districtName}}{{$house->premName}} {{$house->getHouseRoomHallToilet(false)}} 品牌公寓精装修">
                  <div class="refer-img"><img src="{{$house->image('@360w_270h_1c_1e')}}" alt="{{$city->name}}{{$house->districtName}}{{$house->premName}}公寓出租租房"/></div>
                  <div class="refer-info bgfafafa">
                    <p class="house-price">{{$house->currentPrice()}}元/月<i class="house-name"> {{$house->premName}}</i></p>
                    <p class="refer-tag">{{$house->getHouseSize()}} | {{$house->getHouseFloor()}} | {{$house->getHouseRoomHallToilet()}} |  @if($house->isShareHouse()) {{$house->getHouseDirection('朝')}} | @endif {{$house->getFitmentTypeName()}}</p>
                  </div></a>
              @endif
            </li>
          </ul>
        </div>
        <div class="tabs-content clearfix"><a href="{{seo_url(\Common\Define\Route\WebRoute::ZUFANG ."/fs1")}}" class="house-name-more">@if(isset($homeBrandApartment['suiyu']) && is_object($homeBrandApartment['suiyu']))查看更多@endif</a>
          <ul>
            <li class="refer-item refer-house random">
              <div class="name">随<span>寓</span></div>
              <h3>自由温暖的整租公寓</h3>
              <p>随寓，是爱上租为城市高端白领精英和家庭打造的专属精装整租公寓，为高端人士、温馨家庭、亲密友人提供自由自在、温暖安心的独立私享空间。</p>
            </li>
            <li class="refer-content">
              <div class="refer-content-img content-suyu">
                <ul class="swiper">
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/suyu_1.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/suyu_2.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/suyu_3.png')}}"/></a></li>
                </ul>
                <ul class="swiper-orientation">
                  <li class="ori-left"><i class="icon-prev icon"></i></li>
                  <li class="ori-right"><i class="icon-next icon"></i></li>
                </ul>
                <ul class="swiper-hint">
                  <li class="hint1 active"></li>
                  <li class="hint2"></li>
                  <li class="hint3"></li>
                </ul>
              </div>
            </li>
            <li class="refer-item mr0">
              @if(isset($homeBrandApartment['suiyu']) && is_object($homeBrandApartment['suiyu']))
                @php $house = Common\Standard\Object\stdHouse::instance($homeBrandApartment['suiyu']); @endphp<a href="{{$house->url()}}" title="{{$house->districtName}}{{$house->premName}} {{$house->getHouseRoomHallToilet(false)}} 品牌公寓精装修">
                  <div class="refer-img"><img src="{{$house->image('@360w_270h_1c_1e')}}" alt="{{$city->name}}{{$house->districtName}}{{$house->premName}}公寓出租租房"/></div>
                  <div class="refer-info bgfafafa">
                    <p class="house-price">{{$house->currentPrice()}}元/月<i class="house-name"> {{$house->premName}}</i></p>
                    <p class="refer-tag">{{$house->getHouseSize()}} | {{$house->getHouseFloor()}} | {{$house->getHouseRoomHallToilet()}} |  @if($house->isShareHouse()) {{$house->getHouseDirection('朝')}} | @endif {{$house->getFitmentTypeName()}}</p>
                  </div></a>
              @else<img src="{{web_static('pc/v3/assets/home/brand/suiyu-no-data.jpg')}}" style="cursor:auto"/>
              @endif
            </li>
          </ul>
        </div>
        <div class="tabs-content clearfix"><a href="{{seo_url(\Common\Define\Route\WebRoute::ZUFANG)}}" class="house-name-more">@if(isset($homeBrandApartment['jiyu']) && is_object($homeBrandApartment['jiyu']))查看更多@endif</a>
          <ul>
            <li class="refer-item refer-house focus">
              <div class="name">集<span>寓</span></div>
              <h3>文化主题单身公寓</h3>
              <p>集寓，是爱上租为当代文艺青年和追求品质生活的都市白领租客设计的主题式精装公寓产品，也是爱上租“集爱上租服务于一体”的360度全方位服务宗旨。</p>
            </li>
            <li class="refer-content">
              <div class="refer-content-img content-jiyu">
                <ul class="swiper">
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/jiyu_1.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/jiyu_2.png')}}"/></a></li>
                  <li><a><img src="{{web_static('pc/v3/assets/welcome/jiyu_3.png')}}"/></a></li>
                </ul>
                <ul class="swiper-orientation">
                  <li class="ori-left"><i class="icon-prev icon"></i></li>
                  <li class="ori-right"><i class="icon-next icon"></i></li>
                </ul>
                <ul class="swiper-hint">
                  <li class="hint1 active"></li>
                  <li class="hint2"></li>
                  <li class="hint3"></li>
                </ul>
              </div>
            </li>
            <li class="refer-item mr0">
              @if(isset($homeBrandApartment['jiyu']) && is_object($homeBrandApartment['jiyu']))
                @php $house = Common\Standard\Object\stdHouse::instance($homeBrandApartment['jiyu']); @endphp<a href="{{$house->url()}}" title="{{$house->districtName}}{{$house->premName}} {{$house->getHouseRoomHallToilet(false)}} 品牌公寓精装修">
                  <div class="refer-img"><img src="{{$house->image('@360w_270h_1c_1e')}}" alt="{{$city->name}}{{$house->districtName}}{{$house->premName}}公寓出租租房"/></div>
                  <div class="refer-info bgfafafa">
                    <p class="house-price">{{$house->currentPrice()}}元/月<i class="house-name"> {{$house->premName}}</i></p>
                    <p class="refer-tag">{{$house->getHouseSize()}} | {{$house->getHouseFloor()}} | {{$house->getHouseRoomHallToilet()}} |  @if($house->isShareHouse()) {{$house->getHouseDirection('朝')}} | @endif {{$house->getFitmentTypeName()}}</p>
                  </div></a>
              @else<img src="{{web_static('pc/v3/assets/home/brand/jiyu-no-data.jpg')}}" style="cursor:auto"/>
              @endif
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container clearfix w100">
    <div class="house-panel">
      <div class="house-header clearfix">
        <div class="brand-title">
          <div class="title">
            <h1>爱上租</h1><span>服务</span>
          </div>
          <p> 为您提供全方位管家式的优质服务，找房、入住、租后统统交给贴心管家，让生活简单有趣</p>
        </div><a href="{{seo_url(\Common\Define\Route\WebRoute::FUWU)}}" class="more"><span>查看更多</span></a>
      </div>
      <div class="brand-content">
        <div class="brand-tabs-content clearfix">
          <ul>
            <li class="refer-right">
              <div class="refer-content-img">
                <ul class="swiper">
                  <li><a><img src="http://img.ishangzu.com/ishangzu/2017/10/19/15/eef328c0-142c-aab4-94ce-5773609f3286.png"/></a></li>
                  <li><a><img src="http://img.ishangzu.com/ishangzu/2017/10/19/15/6b6e7840-ea4a-7e97-9ff3-d9001004a729.png"/></a></li>
                  <li><a><img src="http://img.ishangzu.com/ishangzu/2017/10/19/15/ced0b2ba-ec2d-55a9-bf57-b756a93a3958.png"/></a></li>
                </ul>
                <ul class="swiper-orientation">
                  <li class="ori-left"><i class="icon-prev icon"></i></li>
                  <li class="ori-right"><i class="icon-next icon"></i></li>
                </ul>
                <ul class="swiper-hint">
                  <li class="hint1 active"></li>
                  <li class="hint2"></li>
                  <li class="hint3"></li>
                </ul>
              </div>
            </li>
            <li class="brand-left">
              <p>选房</p><span>一键呼叫管家，在线选房，即时看房</span>
              <p>签约</p><span>线上签约合同，电子签约，在线交租</span>
              <p>租后</p><span>贴心管家服务，双周保洁，上门维修</span>
            </li>
            <li class="brand-left">
              <div class="title">自助服务</div>
              @if($city->identifier == \Common\Define\iShangzu::CITY_ABBR_SHANGHAI)<a href="{{seo_url('help/rent-convention')}}" class="brand-tabs-list">租住公约</a><a href="{{seo_url('help/maintenance-service')}}" class="brand-tabs-list">维修服务</a><a href="{{seo_url('help/cancel-contract')}}" class="brand-tabs-list mr0">解约流程</a><a href="{{seo_url('help/clean-service')}}" class="brand-tabs-list">保洁服务</a><a href="{{seo_url('help/intelligent-lock')}}" class="brand-tabs-list">智能锁项</a>
              @else<a href="{{seo_url('help/rent-convention')}}" class="brand-tabs-list">租住公约</a><a href="{{seo_url('help/maintenance-service')}}" class="brand-tabs-list">维修服务</a><a href="{{seo_url('help/cancel-contract')}}" class="brand-tabs-list mr0">解约流程</a><a href="{{seo_url('help')}}" class="brand-tabs-list">入住须知</a><a href="{{seo_url('help/clean-service')}}" class="brand-tabs-list">保洁服务</a><a href="{{seo_url('help/intelligent-lock')}}" class="brand-tabs-list mr0">智能锁项</a>
              @endif
              <div class="brand-tabs-more"><a href="{{seo_url('help')}}">了解更多</a></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    @if(is_array($homeArticleBigImage) && is_array($homeArticleSmallImage))
      <div class="house-panel">
        <div class="house-header clearfix">
          <div class="community-title">
            <div class="title">爱上租社区</div>
            <p>找到你的租客部落，加入你的兴趣社群，赶走无聊生活，一起造趣</p>
          </div><a href="{{seo_url(\Common\Define\Route\WebRoute::BLOG)}}" class="more"><span>查看更多</span></a>
        </div>
        <div class="community-content">
          <div class="community-tabs-content clearfix">
            <ul>
              @foreach($homeArticleBigImage as $article)
                @if($loop->index > 0) @continue @endif
                @php $resource = Common\Standard\Object\stdResource::instance($article); @endphp
                <li class="refer-content"><a href="{{$resource->pc_city_url_convert($city, $resource->getLinkUrl())}}" title="{{$resource->getTitle()}}">
                    <div class="refer-content-img"><img data-original="{{$resource->getImageUrl()}}" alt="杭州爱上租品牌公寓品质生活社区" class="lazy"/></div>
                    <div class="refer-img-shadow">
                      <div class="title">{{str_limit($resource->getTitle(),60)}}</div><span>@if(isset($resource->banner_desc)){{str_limit($resource->banner_desc,90)}}@endif</span>
                    </div></a></li>
              @endforeach
              @foreach($homeArticleSmallImage as $article)
                @if($loop->index > 0) @continue @endif
                @php $resource = Common\Standard\Object\stdResource::instance($article); @endphp
                <li class="refer-content"><a href="{{$resource->pc_city_url_convert($city, $resource->getLinkUrl())}}" title="{{$resource->getTitle()}}">
                    <div class="refer-content-img"><img data-original="{{$resource->getImageUrl()}}" alt="杭州爱上租品牌公寓有趣青年社区" class="lazy"/></div>
                    <div class="refer-img-shadow">
                      <div class="title">{{str_limit($resource->getTitle(),60)}}</div><span>@if(isset($resource->banner_desc)){{str_limit($resource->banner_desc,90)}}@endif</span>
                    </div></a></li>
              @endforeach
            </ul>
          </div>
        </div>
      </div>
    @endif
  </div>
  <div class="container w100">
    <ul class="introduce-box">
      <li><img src="{{web_static('pc/v3/assets/welcome/server.png')}}"/>
        <div class="title">服务管家</div>
        <h4>专属管家，服务贴心到位</h4>
      </li>
      <li><img src="{{web_static('pc/v3/assets/welcome/lock.png')}}"/>
        <div class="title">智能门锁</div>
        <h4>一客一锁，居住安全便利</h4>
      </li>
      <li><img src="{{web_static('pc/v3/assets/welcome/finance.png')}}"/>
        <div class="title">金融分期</div>
        <h4>月付房租，租金轻松灵活</h4>
      </li>
      <li><img src="{{web_static('pc/v3/assets/welcome/ID.png')}}"/>
        <div class="title">租客认证</div>
        <h4>实名建档，身份真实可靠</h4>
      </li>
    </ul>
  </div>
@endsection
@push('scripts')
  <script src="{{web_static('pc/v3/js/welcome.min.js',true)}}"></script>
@endpush